<!doctype html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
<link th:href="@{/static/css/bootstrap.min.css}" type="text/css" rel="stylesheet">
<link th:href="@{/static/css/index.css}" type="text/css" rel="stylesheet">
<link th:href="@{/static/css/header.css}" type="text/css" rel="stylesheet">
<link th:href="@{/static/css/layer.css}" type="text/css" rel="stylesheet">

<!--<link href="./css/layui.css" type="text/css" rel="stylesheet">-->
<script type="text/javascript" th:src="@{/static/js/jquery-1.11.3.js}"></script>
<script type="text/javascript" th:src="@{/static/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/index.js}"></script>
<script type="text/javascript" th:src="@{/static/js/header.js}"></script>
<script type="text/javascript" th:src="@{/static/js/layer.js}"></script>
	<meta charset="utf-8">
<title>主页</title>
</head>
<body>
<header>
	<div th:include="user/header :: header"></div>
</header>
<div class="container-my">
	<nav>
	<ul class="nav mian">
		<li><a href="#" class="selected">首页</a></li>
		<!--<li><a href="#">分类一</a></li>-->
		<!--<li><a href="#">分类二</a></li>-->
		<!--<li><a href="#">分类三</a></li>-->
		<!--<li><a href="#">分类四</a></li>-->
		<!--<li><a href="#">分类五</a></li>-->
		<!--<li><a href="#">分类六</a></li>-->
		<!--<li><a href="#">分类七</a></li>-->
	</ul>
</nav>
	<article class="article-module">
		<!--搜索栏-->
		<form class="bs-example bs-example-form" role="form">
			<div class="row">
				<div class="col-lg-10">
					<div class="input-group">
						<input type="text" class="form-control">
							<span class="input-group-btn">
								<button	class="btn btn-default" type="button">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</span>
					</div>
				</div>
			</div>
		</form>
		<!--轮播图-->
		<div class="carousel-panel">
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
				<div class="carousel-inner">
				<div class="item active">
					<img th:src="@{/static/image/template.jpg}" alt="First slide">
				</div>
				<div class="item">
					<img th:src="@{/static/image/template.jpg}" alt="Second slide">
				</div>
				<div class="item">
					<img th:src="@{/static/image/template.jpg}" alt="Third slide">
				</div>
			</div>
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
		</div>
		</div>
		<!--博客文章推荐区-->
		<div class="recommend-panel">
			<div class="article-window" th:each="article : ${articles}">
				<h3 class="article-title"><a th:href="${'/'+article.art_username+'/article/details/'+article.art_id}">[[${article.art_title}]]</a></h3>
				<div class="article-summary">[[${article.art_content}]]</div>
				<dl class="article-info">
					<dt>
						<a href="#"><img th:src="${article.art_headurl}"/></a>
					</dt>
					<dd class="article-nickname"><a href="#">[[${article.art_nickname}]]</a></dd>
					<dd class="article-time">[[${article.create_time}]]</dd>
					<div class="floatR">
						<dd class="article-readnum">
							<a href="#">
								<span class="text">阅读数</span>
								<span class="read-num">999</span>
							</a>
						</dd>
						<dd class="article-evalnum">
							<a href="#">
								<span class="text">评价</span>
								<span class="eval-num">[[${article.art_comnum}]]</span>
							</a>
						</dd>
					</div>
				</dl>
			</div>
		</div>
	</article>
	<div class="admin-module">
		<!--用户头像及信息-->
		<div class="admin-panel">
			<div class="admin-bg-size"></div>
				<a href="/user/home"><img class="img-circle admin" th:src="${headPortrait}"></a>
			<ul class="nav-admin">
				<li><a href="#" class="">0<span>博客</span></a></li>
				<li><a href="#" class="">0<span>论坛</span></a></li>
				<li><a href="#" class="">0<span>访客</span></a></li>
			</ul>
		</div>
		<!--写文章和发讨论-->
		<div class="option-panel">
		<a th:href="'/user/markdown'" class="btn btn-default btn-lg my" rol="button">写文章</a>
		<a href="#" class="btn btn-primary btn-lg col-lg-6 pull-right" rol="button">发讨论</a>
		</div>
		<!--热搜博客文章展示区-->
		<div class="hot-panel">
			<h4 class="hot-title">热搜文章</h4>
			<ul class="hot-list">
				<li>
					<a href="#">
						<img th:src="@{/static/image/template.jpg}"/><span>暂无文章</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img th:src="@{/static/image/template.jpg}"/><span>暂无文章</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img th:src="@{/static/image/template.jpg}"/><span>暂无文章</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img th:src="@{/static/image/template.jpg}"/><span>暂无文章</span>
					</a>
				</li>
			</ul>
		</div>
		<!--个人博客展示区-->
		<div class="show-panel">
			<p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p><p>个人博客展示区</p>
		</div>
	</div>
	<div class="clear"></div>
</div>
<footer></footer>
</body>
</html>
